{% extends "base.html" %}

{% block title %}
    个人考勤管理
{% endblock %}

{% block label %}
    个人考勤管理
{% endblock %}

{% block contenter %}

                    <ul class="nav nav-pills">
                        <li class="active"><a href="#kqjl" data-toggle="tab">考勤记录</a></li>
                        <li><a href="#kqsq" data-toggle="tab">考勤申请</a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="kqjl" class="tab-pane fade in active">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>假条编号</th>
                                    <th>假条状态</th>
                                    <th>请假类型</th>
                                    <th>请假原因</th>
                                    <th>起始时间</th>
                                    <th>结束时间</th>
                                    <th>审核人</th>
                                </tr>
                                </thead>
                                <tbody>

                                <tr>
                                    <td class="col-lg-1">1</td>
                                    <td class="col-lg-1">申请中</td>
                                    <td class="col-lg-1">事假</td>
                                    <td class="col-lg-3">因家里有事，需要请假2天。</td>
                                    <td class="col-lg-2">2020-05-04 00:00:00</td>
                                    <td class="col-lg-2">2020-05-06 00:00:00</td>
                                    <td class="col-lg-2"></td>
                                </tr>

                                <tr>
                                    <td class="col-lg-1">2</td>
                                    <td class="col-lg-1">已通过</td>
                                    <td class="col-lg-1">事假</td>
                                    <td class="col-lg-3">因生病去医院，请假1天。</td>
                                    <td class="col-lg-2">2020-05-14 00:00:00</td>
                                    <td class="col-lg-2">2020-05-15 00:00:00</td>
                                    <td class="col-lg-2">李美丽</td>
                                </tr>

                                <tr>
                                    <td class="col-lg-1">3</td>
                                    <td class="col-lg-1">已驳回</td>
                                    <td class="col-lg-1">事假</td>
                                    <td class="col-lg-3">因有事，需要调休2天</td>
                                    <td class="col-lg-2">2020-05-14 00:00:00</td>
                                    <td class="col-lg-2">2020-05-16 00:00:00</td>
                                    <td class="col-lg-2">王大锤</td>
                                </tr>

                                </tbody>
                            </table>
                        </div>
                        <div id="kqsq" class="tab-pane fade in">
                            <form method="post" action="">
                                <input type="hidden" name="csrf_token"
                                       value="ImJmNjg3YTI4NGEzYTk0YTczY2VjZGM2NmQ1OWU4MWIwZGRmYzM1NzAi.XrK_hg.fS4GQOUsqDBinZyWyQFc7yzThdo">
                                <div class="form-group">
                                    <label>原因:</label>
                                    <textarea class="form-control" name="reason"></textarea>
                                </div>
                                <div class="form-group">
                                    <label>类型:</label>
                                    <select class="form-control" name="type">
                                        <option value="事假">事假</option>
                                        <option value="事假">婚嫁</option>
                                        <option value="事假">产假</option>
                                        <option value="事假">病假</option>
                                        <option value="事假">年假</option>
                                        <option value="事假">调休</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>假期时长(天):</label>
                                    <input class="form-control" type="text" name="day">
                                </div>
                                <div class="form-group">
                                    <label>开始时间:</label>
                                    <input class="form-control" type="text" name="start">
                                </div>
                                <div class="form-group">
                                    <label>结束时间:</label>
                                    <input class="form-control" type="text" name="end">
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-primary btn-block">提交</button>
                                </div>
                            </form>
                        </div>
                    </div>


{% endblock %}

